@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .row-e {
    display: flex;
    align-items: flex-end;
  }

  .row-c {
    display: flex;
    align-items: center;
  }

  .row-cc {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .col {
    display: flex;
    flex-direction: column;
  }

  .col-c {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .col-cc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .row-sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .row-sa {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .col-sb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}
